<template>
	<view class="emptyPage" :style="{'padding-top':pad?pad+'rpx':'200rpx'}">
		<view>
			<image v-if='cat == 1' :src="staticUrl+'/images/cat-500.png'" mode="widthFix"></image>
			<image v-if='cat == 2' :src="staticUrl+'/images/cat-loadingFail.png'" mode="widthFix"></image>
			<image v-if='cat == 3' :src="staticUrl+'/images/cat-noData.png'" mode="widthFix"></image>
			<image v-if='cat == 4' :src="staticUrl+'/images/cat-notFound.png'" mode="widthFix"></image>
			<view class="emptyText" v-html="msg"></view>
		</view>
	</view>
</template>

<script>
	export default {
		/**
		 * cat: 猫猫图片 1 线断了  2 哭泣的猫咪  3一脸懵逼猫  4 歪脑袋一脸迷惑
		 * **/
		props: ['type', 'msg', 'cat', 'pad'],
		data() {
			return {
				staticUrl: this.staticUrl
			}
		}
	}
</script>
<style>
	/* .emptyPage{
		background: #FFFFFF;
	} */
</style>